﻿body{position: relative;}
body.gray{-webkit-filter: grayscale(1);-moz-filter: grayscale(1);-ms-filter: grayscale(1);filter: grayscale(1);}
body>span[id^="cnzz"]{position:absolute;right:0;bottom:0px;}
.container { position: relative; width: 1280px !important;}
.main { width: 900px; }
h1{margin: 0;}
ol,ul {list-style:none;}
i, em{font-style: normal;text-decoration: none;font-weight: normal;}
aside { width: 350px; /*min-height: 1000px; */}
aside.fixed { position: fixed; bottom: 0; }
aside.absoulte { position: absolute; }
aside .com { padding-left: 10px; padding-right: 10px; width: 350px; border: 1px solid #D8D8D8; }
.img-wrap{background-color: #f5f5f5;}
#header { margin-bottom: 10px; height: 100%; }
#header .header-main { height: 52px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; -webkit-box-shadow: 0 0 6px 2px #f1f1f1;-moz-box-shadow: 0 0 6px 2px #f1f1f1;box-shadow: 0 0 6px 2px #f1f1f1;
}
#header .logo {margin: 40px auto;width:400px;height:90px;overflow:hidden;display:block;outline:none;}
#header .main-nav { position: relative; margin-bottom: 0; text-indent: 1px; line-height: 50px; }
#header .main-nav i.icon-arrow { position: absolute; display: none; bottom: -6px; left: 9px; z-index: 3; }
#header .main-nav>li { float: left; margin-right: 10px; padding-left: 17px; padding-right: 17px; font-size: 18px; }
#header .main-nav>li:first-of-type{padding-left: 0;}
#header .sub-nav { position: absolute; left: 0; display: none; width: 1280px; height: 40px; line-height: 45px; z-index: 1; background-color: #fff; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; }
#header .sub-nav>li { float: left; margin-top: 10px; padding-left: 38px; padding-right: 38px; font-size: 14px; line-height: 14px; border-left: 1px solid #e3e3e3;}
#header .sub-nav>li:first-child{padding-left: 0px;border-left: 0px;}
#header .sub-nav>li:hover span { color: #f1588c; }

#header .searchbox input { margin-top: 11px;margin-left:-5px; height: 30px; line-height: 26px; border: 1px solid #c9c9ca; vertical-align: top; outline: none; }
#header .searchbox .searchtext { padding-left: 16px; width: 230px; border-radius: 16px 0 0 16px; border-right: 0; }
#header .searchbox .searchtext.error::-webkit-input-placeholder {color:red;}
#header .searchbox .searchtext.error::-moz-placeholder{color:red;}
#header .searchbox .searchtext.error:-ms-input-placeholder{color:red;}
#header .searchbox .searchbtn { padding: 0; width: 45px; color: #c9c9ca; text-align: left; border-radius: 0 16px 16px 0; border-left: 0; background-color: transparent; }
#header .newnews { margin-top: 15px; height: 20px; line-height: 20px;overflow: hidden; }
#header .newnews li { }
#header .newnews li label { font-weight: normal; color: #f1588c; }
#header .newnews li a { color: #7d7d7d; }
#footer { margin-top: 15px; margin-bottom: 20px; height: 108px; border-top: 1px solid #e1e1e1; }
#footer .logo2 { float: left; margin-top: 14px; margin-left: 45px; }
#footer .site-info { float: right; margin-top: 27px; margin-right: 138px; width: 840px; height: 24px; font-size: 18px; line-height: 24px; border-right: 1px solid #585858; }
#footer .site-info a { padding: 0 20px; border-left: 1px solid #585858; }
#footer .gray { margin-top: 6px; height: 40px; font-size: 16px; line-height: 40px; text-indent: 45px; background-color: #d6d6d6; }
#footer .weixin { position: absolute; top: 0; right: 18px; padding: 7px 19px; width: 120px; height: 108px; font-size: 12px; background-color: #fff; }
.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inline-block { display: inline-block; *display: inline; *zoom: 1; }
a { color: #000; outline: 0; }
a:hover { color: #f1588c!important; text-decoration: none; }
a:visited{color: #000;text-decoration: none;};
a.pink { color: #e06; outline: 0; }
a.pink:hover { color: #e06;}
.text-white { color: #fff; }
.text-white60 { color: rgba(255, 255, 255, .6); *color: #bababa; }
.text-white80 { color: rgba(255, 255, 255, .8); *color: #dedede; }
.text-black { color: #000; }
.text-black60 { color: rgba(0, 0, 0, .6); *color: #8d8d8d; }
.text-black80 {  color: rgba(0, 0, 0, .8); *color: #585858; }
.text-black90 {  color: rgba(0, 0, 0, .9); *color: #343434; }
.search-word { color: #f1588c !important; }
.banner { position: relative; margin-bottom: 30px; width: 900px; height: 420px; overflow: hidden; }
.banner .hd { width: 100%; height: 12px; position: absolute; left: 0; bottom: 3%; z-index: 1; }
.banner .hd ul { overflow: hidden; zoom: 1; }
.banner .hd ul li { display: inline-block; *display: inline; *zoom: 1; margin-left: 8px; margin-right: 8px; width: 12px; height: 12px; line-height: 12px; text-align: center; background: url(../images/icon.png) -44px 2px no-repeat; cursor: pointer; text-indent: -20px; vertical-align: middle; overflow: hidden; }
.banner .hd ul li.on { background-position: -29px 0;background:#f1588c; border-radius:50%; }
.banner .bd { position: relative; height: 100%; z-index: 0; }
.banner .bd li { zoom: 1; vertical-align: middle;position:relative;}
.banner .sw-alpha {width:100%;height:80px;line-height:80px;color:#fff;font-size:20px;text-align:center;position:absolute;left:0;bottom:0;z-index:8;background:url(../images/f_shadow.png) no-repeat center top}
.banner .sw-title {font-weight:bold;width:100%;text-align:center;font-size:20px;color:#fff;z-index:10;position:absolute;left:0;bottom:12%}
/* .banner .bd img { width: 900px; height: 420px; display: block; }*/

.icon { vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; background-image: url(../images/icon.png); }
.icon-search { background-position: 15px -36px; }
.icon-arrow { width: 8px; height: 6px; background-position: -59px 0; }

.nav-crob a{color: #737373;}
.pager a { margin-right: 10px; padding: 5px 10px; background-color: #ccc; border-radius: 3px; color: #333333; }
.pager a.active,.pager a.active:hover { background-color: #f1588c; color: #fff!important; }
.pager span { margin-right: 10px; }
.pager .jump input{width: 29px;height: 23px;line-height: 23px;background-color: #f4f4f4;}
.pager .jump a{color:#fff!important; background-color: #f1588c;}
.pager .pa {display:none}

dl.loading,.shj-list .loading,.loading { opacity: 1; -webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1); -webkit-transition-property: transform, opacity; -moz-transition-property: transform, opacity; -o-transition-property: transform, opacity; -ms-transition-property: transform, opacity; -webkit-transition-duration: .4s; -moz-transition-duration: .4s; -o-transition-duration: .4s; -ms-transition-duration: .4s; transition-property: transform, opacity;  transition-duration: .4s;}

.load-tip { margin-top: 86px; width: 100%; height: 48px; font-size: 16px; line-height: 46px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;cursor: pointer; }
.ad { width: 350px; }
aside>div { margin-bottom: 25px; }
aside>div:last-child { margin-bottom: 0; }
aside .theone { height: 650px; margin-top: 50px;}
aside .theone .zs { width: 120px; height: 11px; margin-top:-1px;border-top:1px solid #FFF;border-left:1px solid #D8D8D8;border-right:1px solid #D8D8D8;border-bottom:1px solid #D8D8D8;}
aside .theone .to { margin-top: -35px; margin-bottom: 35px; font-size: 20px; letter-spacing: 1px;text-align:center }
aside .theone h4 { margin-top: 21px; margin-bottom: 11px; width: 328px; font-weight: bold; }
aside .theone p { line-height: 26px; }
aside .theone .banner { margin-bottom: 0; width: 328px; height: 596px; }
aside .hot-zt { clear:both;margin-top: 50px; width: 350px; height:auto; }
aside .hot-zt .zs { width: 120px; height: 11px; margin-top:-1px;border-top:1px solid #FFF;border-left:1px solid #D8D8D8;border-right:1px solid #D8D8D8;border-bottom:1px solid #D8D8D8;}
aside .hot-zt .to { margin-top: -35px; margin-bottom: 35px; font-size: 20px; letter-spacing: 1px;text-align:center }
aside .hot-zt dl { margin-bottom: 30px; width: 328px; height: 100px; overflow: hidden; }
aside .hot-zt dt { width: 125px; height: 100px; overflow: hidden; }
aside .hot-zt dd { margin-left: 8px; width: 195px; }
aside .hot-zt dd h4 { margin-top: -1px; margin-bottom: 5px; max-height: 48px; font-size: 16px; line-height: 24px; overflow: hidden; }
aside .hot-zt dd p { max-height: 40px; font-size: 12px; line-height: 20px; overflow: hidden; }
/* -----------------The one------------- */
aside .weektop10 { margin-top: 20px;height: 560px; }
aside .weektop10 .zs { width: 120px; height: 11px; margin-top:-1px;border-top:1px solid #FFF;border-left:1px solid #D8D8D8;border-right:1px solid #D8D8D8;border-bottom:1px solid #D8D8D8;}
aside .weektop10 .to { margin-top: -35px; margin-bottom: 35px; font-size: 20px; letter-spacing: 1px;text-align:center}
aside .weektop10 li { margin-bottom: 24px; width: 328px; height: 16px; line-height: 16px; overflow: hidden; }
/* aside .weektop10 li:first-child { height: 110px; margin-bottom: 21px; } */
aside .weektop10 li span { font-size: 12px; line-height: 14px; vertical-align: top; }
aside .weektop10 li span.inline-block { width: 14px; height: 15px; color: #fff; text-align: center; background-color: #7c7c7c; }
aside .weektop10 li span.top3 { background-color: #000; }
aside .weektop10 li .icon { vertical-align: top; }
aside .weektop10 li p { margin-left: 6px; width: 290px; font-size: 16px; }
aside .weektop10 li dl { margin-left: 6px; width: 302px; }
aside .weektop10 li dt { width: 125px; height: 110px; overflow: hidden; }
aside .weektop10 li dd { margin-left: 140px; width: 162px; }
aside .weektop10 li dd h4 { margin-top: -5px; margin-bottom: 45px; height: 56px; font-size: 16px; font-weight: bold; line-height: 28px; overflow: hidden; }
aside .weektop10 li dd div.text-right{text-align:left;text-indent:65px;}
/*search*/
aside .searchbox { height: 58px; }
aside .searchbox input { margin-top: 12px; height: 32px; line-height: 26px; border: 1px solid #c9c9ca; vertical-align: top; outline: none; }
aside .searchbox .searchtext { padding-left: 16px; width: 275px; border-radius: 16px 0 0 16px; border-right: 0; }
aside .searchbox .searchbtn { padding: 0; width: 52px; color: #c9c9ca; text-align: left; border-radius: 0 16px 16px 0; border-left: 0; background-color: transparent; }
/*fanhuidingbu*/
.goup{position:fixed;bottom:128px;right:-60px;z-index:999;width:60px;height:59px;background:url(../images/gotop.png) no-repeat;-moz-transition:all 1s ease;-webkit-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease-in;-moz-transform:scale(0) rotate(0deg) translate(0px);-webkit-transform:scale(0) rotate(0deg) translate(0px);-ms-transform:scale(0) rotate(0deg) translate(0px);transform:scale(0) rotate(0deg) translate(0px);}
.goup.active{-moz-transform:scale(1) rotate(-360deg) translate(0px);-webkit-transform:scale(1) rotate(-360deg) translate(0px);-o-transform:scale(1) rotate(-360deg) translate(0px);transform:scale(1) rotate(-360deg) translate(0px);}
/*flinks*/
.hb_link {  margin-top: 20px;padding-top: 15px; overflow: hidden;}
.hb_link_tit {margin-right:20px;font-weight: bold;color: #333;font-size:18px;line-height: 30px;}
.hb_link .tempWrap{width: auto!important;}
.hb_link ul{font-size:12px;}
.hb_link ul li{line-height:30px;}
#friendly a {padding-right:4px;display:inline-block}
/*footer*/
.footer-bottom {margin:15px auto 30px auto;}
.footer-bottom .one{width:1057px;margin:15px auto 30px auto;}
.footer-bottom .one p{font-size:12px;color:#686868;}
.footer-bottom .two{float:left;width:223px;}
.footer-bottom .one .comp{margin-bottom:20px; font-weight: bold;}
.footer-bottom .one .comp a{float:left;color:#484848;margin-left: 37px;}
.footer-bottom .one .comp a:first-child{margin-left:0;}
.footer-bottom p {margin-bottom:10px;}
.container-line{border-top:1px solid #d6d6d6;margin-top:20px;}
/*延时加载*/
.lazy {background:url(../images/loading.gif) no-repeat center;}
/*search*/
.so_header {width:584px;margin:0 auto;padding:200px 0 90px;min-height:600px;}
.so_header .logos {width:260px;height:90px;margin:0 auto 50px;background:url(../images/logo.png) no-repeat;text-align:center;display:block;}
.so_header .pro_form {margin:0 auto;}
.so_header .pro_form {position:relative;margin-top:-2px;}
.so_header .fore {float:left;}
.so_header .inpTxt {width:418px;height:42px;padding:5px 10px;float:left;line-height:30px;border:solid 1px #000;color:#666;font-size:14px;}
.so_header .inpSub {width:144px;height:42px;float:left;background:#000;color:#fff;font-size:16px;border:0 none;}
.ks-txts {padding-top:50px;}
/*search*/
/*maplist*/
.maplist {width:100%;}
.maplist .map-item {padding:30px 0 10px 0;border-bottom:1px dashed #DDD;}
.maplist .map-item .left {width:20%;padding-left:3%;float:left;margin-right:4%;}
.maplist .fashion .left {margin-top:82px;}
.maplist .beauty .left { margin-top: 60px;}
.maplist .life .left { margin-top: 170px;}
.maplist .map-item .left  a {font-size:20px;font-weight:bold;}
.maplist .map-item .right {float:left;width:72%;}
.maplist .map-item .right ul {height:20px;overflow:hidden;margin-bottom:24px;}
.maplist .map-item .right ul li.tit {width:20%;height:20px;line-height:20px;margin-right:0;}
.maplist .map-item .right ul li {height:20px;line-height:20px;display:inline-block;float:left;margin-right:30px;}
.maplist .map-item .right ul li.tit a {font-size:16px;color:#444444;font-weight:bold;}
.maplist .map-item .right ul li.tag a {font-size:14px;color:#000;margin-right:15px;}
/*maplist*/
.InPad {display:none;}
@media screen and (min-width:320px) and (max-width:640px) {
a.notInPad,.notInPad {display:none;}
.InPad {display:block;}
.g-doc {position:relative;}
.m-topHead {width:100%;border-bottom:1px #e9e9e9 solid;}
.m-headMenu {position:absolute;height:120px;transform:translateY(-100%);-webkit-transform:translateY(-100%);left:0px;width:100%;z-index:111111;background:#FFF;-webkit-background-size:100%;background-size:100%;overflow:hidden;opacity:0.8;-webkit-animation:ico-animation 3s;box-shadow:2px 3px 8px #ddd;}
.m-headMenu table {width:100%;border-collapse:collapse;border:none;}
.m-headMenu td {width:25%;height:40px;font-size:15.04px;text-align:center;position:relative;}
.m-headMenu td,.m-headMenu th {border:none;}
.m-headMenu td a {color:#000;position:relative;height:100%;display:block;}
.m-headMenu td em {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.m-headMenu td:before {content:"";display:block;border:1px dotted #fff;border-width:0 1px 1px 0;width:100%;height:100%;position:absolute;top:0px;left:0px;opacity:0.3;}
.m-headMenu td:nth-child(4n) a {border-right:0px;}
.m-headNav {height:51.52px;background-color:#fff;position:relative;z-index:1;}
.m-headNav .aLogo {width:96px;height:22px;background-image:url(../images/logo_index.png);-webkit-background-size:96px;background-size:96px;background-repeat:no-repeat;position:absolute;left:50%;top:50%;margin:-11px 0 0 -48px;}
.m-message-tips:after {content:"";width:7px;height:7px;border-radius:3px;background:#fb3a3a;display:block;position:absolute;right:0px;top:1px;}
.m-headNav .sMenu {width:23.36px;height:23.36px;position:absolute;left:14.08px;top:16.96px;position:absolute;background:url(../images/smenu.png) no-repeat;-webkit-background-size:23.36px;background-size:23.36px;z-index:5;}
.m-headNav .m-search {width:0.78rem;height:0.78rem;position:absolute;right:0.39rem;top:0.39rem;-webkit-background-size:0.75rem;background-size:0.75rem;}
.m-headNav .m-search {width:24.96px;height:24.96px;position:absolute;right:12.48px;top:12.48px;background:url(../images/smenu_search.png) no-repeat;-webkit-background-size:24.96px;background-size:24.96px;}
.showMenu {position:relative;}
.showMenu .m-headNav .sMenu {background:url(../images/smenu_show.png) no-repeat;-webkit-background-size:23.36px;background-size:23.36px;}
.menu-animate {transform:translateY(0%);-webkit-transform:translateY(0%);transition:transform 0.6s ease-in-out 0s;-webkit-transition:-webkit-transform 0.6s ease-in-out 0s;}
.menu-animate-two {transform:translateY(-100%);-webkit-transform:translateY(-100%);transition:transform 0.6s ease-in-out 0s;-webkit-transition:-webkit-transform 0.6s ease-in-out 0s;}
.m-search-wrap {width:100%;position:absolute;}
.m-search-wrap input {width:99%;height:40px;font-size:18px;border-radius:0;transition:300ms;-webkit-transition:300ms;-moz-transition:300ms;}
.m-search-wrap:focus {outline:none;}
/**common*/
.container {width:92% !important;;margin:0 auto}
.main {width:100%}
/*focus*/
.banner {width:100%;height:auto}
.banner .bd img {width:100%;height:auto}
/*page*/
.pager {width:90%;margin: 25px 5%;}
.pager .prev, .pager .next {display:none;}
.pager a,.pager span {width: 20px;height: 20px;line-height: 20px;}
/*search*/
.so_header { width:100%;margin: 0 auto; padding-top:150px;min-height:250px;}
.so_header .pro_form { margin: 0 5%;position:relative;}
.so_header .fore{float:left;}
.so_header .inpTxt{width:65%;height:42px;padding:5px 10px;float:left;line-height:30px;border:solid 1px #000;color:#666;font-size:14px;}
.so_header .inpSub{width:25%;height:42px;float:left;background:#000;color:#fff;font-size:16px;border:0 none;}
.ks-txts {padding-top: 50px;}
/*footer*/
.footer-bottom {margin:15px auto}
.footer-bottom .one {width:100%;margin:15px auto}
}
